<!DOCTYPE html>
<html lang="zh-CN">
<!-- 模版 -->
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>>>搜索开发者</title>
  <link href="../../css/universal.css" rel="stylesheet">
  <script src="../../js/jquery-3.7.1.js"></script>
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>

<body>

<!-- 导航栏 -->
<nav id="navigationBar">
  <div class="nav-container">
    <script>$("#navigationBar>.nav-container").load("../pubicPage/topPage.html");</script>
  </div>
</nav>

<!-- 搜索和筛选 -->
<section class="search">
  <div class="search-container">
    <h2>查找<span class="text-accent">开发者或团队</span></h2>
    <div class="search-form">
      <div class="search-input">
        <input placeholder="搜索你想要的..." type="text">
      </div>
      <div class="search-filters">
        <button>
          <i class="fa fa-filter mr-2"></i> 筛选
        </button>
      </div>
    </div>
  </div>
</section>

<section class="glassContent">
  <div class="content-container">
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊<br>
    啊
  </div>
</section>

<section class="content">
  <div class="content-container">
    啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
  </div>
</section>

<section class="glassContent">
  <div class="content-container">
    啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
  </div>
</section>

<!-- 关于我们 -->
<section class="about" id="about">
  <script>$("#about").load("../pubicPage/bottomPage.html")</script>
</section>

<script>
  $(document).ready(function () {
    $('#menu-toggle').click(function () {
      $('#mobile-menu').slideToggle();
    });
  });
</script>
</body>

</html>
